<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS常见样式属性</title>
    <link rel="stylesheet" href="css_six.css">
</head>
<body class="bg_demo6">
    <p class="value_px">绝对单位：px</p>
    <p class="value_em">相对单位：em</p>
    <p class="value_rem">相对单位：rem</p>
    <p class="color_name">颜色值：名称</p>
    <p class="color_hex">颜色值：十六进制</p>
    <p class="color_fun">颜色值：函数RGB</p>
    <p class="img_url">图片url函数</p>
    <p class="font_demo">字体样式展示 font style demo</p>
    <p class="text_demo">文本样式展示 abc</p>
    <ul class="list_demo">
        <li>项目1</li>
        <li>项目2</li>
        <li>项目3</li>
    </ul>

    <div class="bg_box bg_demo1">
    背景样式颜色
    </div>

    <div class="bg_box bg_demo2">
    背景样式图片
    </div>

    <div class="bg_box bg_demo3">
    背景样式图片重复
    </div>

    <div class="bg_box bg_demo4">
    背景样式图片位置
    </div>
    
    <div class="bg_box bg_demo5">
        背景样式图片..
        </div>
        <div class="bg_box bg_demo6">
            背景样式图片..
            </div>

<table class="table_demo">
    <caption>学生信息表</caption>
    <thead>
     <tr>
         <th>学号</th>
         <th>姓名</th>
         <th>总分</th>
         <th>排名</th>
     </tr>
    </thead>
    <tbody>
       <tr>
           <td>20190203667</td>
           <td>陈1</td>
           <td>490</td>
           <td>6</td>
       </tr>
       <tr>
        <td>20190203667</td>
        <td>陈2</td>
        <td>490</td>
        <td>6</td>
    </tr>
    <tr>
        <td>20190203667</td>
        <td>陈3</td>
        <td>490</td>
        <td>6</td>
    </tr>
    <tr>
        <td>20190203667</td>
        <td>陈4</td>
        <td>490</td>
        <td>6</td>
    </tr>
    </tbody>
    <tfoot>
        <tr>
            <td colspan="4">人数总计：4人</td>
        </tr>
    </tfoot>
</table>



</body>
</html>